<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Just Believe</title>
<!--// Stylesheets //-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/color.css" rel="stylesheet" type="text/css" />
<link href="css/fancybox.css" rel="stylesheet" type="text/css" />
<!--[if IE 8 ]><link href="css/iefix.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--// Javascripts //-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/animatedcollapse.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/jquery.infinite-carousel.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="js/caroufredsel.js"></script>
<script type="text/javascript" src="js/banner.js"></script>
</head>

<body>
<!-- Top Bar Start -->
<div id="top-bar">
	<div class="inner">
    	<!-- Top Bar Posts Start -->
    	<div class="small-posts">
        	<p>Mauris iaculis risus quis mauris vulputate at condimentum massa luctus. <a href="#">Keep Reading</a></p>
        </div>
        <!-- Top Bar Posts End -->
        <!-- Top Links Start -->
        <div class="toplinks">
        	<a href="javascript:animatedcollapse.toggle('loginbox')" class="loginbtn">Login Now</a>
            <!-- Login Box Start -->
            <div id="loginbox">
            	<h3 class="upper">User Login</h3>
                <ul>
                	<li class="name"><input type="text" value="User Name" class="bar" /></li>
                    <li class="password"><input type="password" value="Password" class="bar" /></li>
                </ul>
                <div class="btns-sec">
                	<button class="backcolr dark">Submit</button>
                    <p>Need an Account? <a href="#">Sign Up</a></p>
                </div>
            </div>
            <!-- Login Box End -->
            <!-- Top Links Start -->
            <ul class="top-links">
            	<li><a href="#">Calender</a></li>
                <li><a href="#">Sermons</a></li>
                <li><a href="#">Service</a></li>
                <li><a href="#">Map/Directions</a></li>
                <li><a href="#">Giving</a></li>
            </ul>
            <!-- Top Links End -->
        </div>
        <!-- Top Links End -->
        <div class="clear"></div>
    </div>
</div>
<!-- Top Bar End -->
<!-- Header Start -->
<div id="header">
	<div class="inner">
    	<!-- Top Header Section Start -->
        <div class="top-head">
        	<!-- Logo Start -->
        	<div class="logo">
            	<a href="index.html"><img src="images/logo.png" alt="" /></a>
            </div>
            <!-- Logo End -->
            <!-- Right Section Start -->
            <div class="right-sec">
            	<!-- Search Start -->
            	<div class="search">
                	<h5>Search Now</h5>
                    <ul>
                    	<li><input type="text" class="bar" /></li>
                        <li><input type="button" class="go backcolr" value="Go" /></li>
                    </ul>
                </div>
                <!-- Search End -->
                <!-- Services Start -->
                <div class="service-sec">
                	<h5>Sunday Services</h5>
                    <h5>@ 9:30 &amp; 11:00 am</h5>
                    <p>1521 Hurt Rd, Marietta GA 30008</p>
                </div>
                <!-- Services End -->
            </div>
            <!-- Right Section End -->
        	<div class="clear"></div>
        </div>
        <!-- Top Header Section End -->
        <div class="clear"></div>
        <!-- Navigation Start -->
        <div class="navigation bordercolr">
        	<div id="smoothmenu1" class="ddsmoothmenu">
            	<ul>
                	<li><a href="index.html">Home</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="events.html">Events</a></li>
                    <li><a href="sermons.html">Sermons</a></li>
                    <li class="current-menu-item"><a href="#">Gallery</a>
                    	<ul class="backcolr">
                        	<li><a href="portfolio.html">Gallery - Grid</a></li>
                            <li><a href="portfolio-slideshow.html">Gallery - SlideShow</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                    <li><a href="#">Drop Down</a>
                    	<ul class="backcolr">
                        	<li><a href="#">Lorem ipsum</a></li>
                            <li><a href="#">Get connected</a>
                            	<ul>
                                	<li><a href="#">Get involved</a></li>
                                    <li><a href="#">Coming up</a></li>
                                    <li><a href="#">Media</a></li>
                                    <li><a href="#">Gospel</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Get involved</a></li>
                            <li><a href="#">Coming up</a></li>
                            <li><a href="#">Media</a></li>
                            <li><a href="#">Gospel</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Pages</a>
                    	<ul class="backcolr">
                        	<li><a href="index.html">Home</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="blog-detail.html">Blog Detail</a></li>
                            <li><a href="events.html">Events</a></li>
                            <li><a href="sermons.html">Sermons</a></li>
                            <li><a href="#">Gallery</a>
                            	<ul>
                                	<li><a href="portfolio.html">Gallery - Grid</a></li>
                                    <li><a href="portfolio-slideshow.html">Gallery - SlideShow</a></li>
                                </ul>	
                            </li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <!-- Navigation End -->
        <div class="clear"></div>
        <!-- Bread Crumb Start -->
        <div class="breadcrumb">
        	<ul>
            	<li><a href="#">Home</a></li>
                <li><a href="#">Latest Blogs</a></li>
                <li><a href="#">June 2012</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <!-- Bread Crumb End -->
        <!-- Page Heading Section Start -->
        <div class="pageheading">
        	<div class="textsec">
                <h1 class="colr">Image Gallery - Slide Show</h1>
            </div>
            <div class="social">
            	<ul>
                	<li><h2 class="colr">Join Us</h2></li>
                    <li><a href="#" class="tweet-icon">&nbsp;</a></li>
                    <li><a href="#" class="fb-icon">&nbsp;</a></li>
                    <li><a href="#" class="vimeo-icon">&nbsp;</a></li>
                    <li><a href="#" class="lastfm-icon">&nbsp;</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <!-- Page Heading Section End -->
        <div class="clear"></div>
    </div>
</div>
<!-- Header End -->
<!-- Content Section Start -->
<div id="contentsec">
	<div class="inner">
        <!-- Full Width Section Start -->
        <div class="fullwidth">
        	<!-- Gallery Slide Show Start -->
            <div id="gallery">
                <div id="main">
                    <div id="images">
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large1.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large2.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>	
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large1.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large2.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large1.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large2.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>	
                        <div class="slide">
                            <a href="" class="thumb"><img src="images/large1.jpg" alt="" /></a>
                            <div class="caption">
                            	<h5>People Toghther</h5>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus dapibus egestas. Sed nibh ante, rhoncus ut congue eu, luctus in lacus. Quisque eu orci in libero laoreet placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur dui dolor,
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="thumbsec">
                    <a href="#" class="thumbs" id="prev">Previous</a>
                    <div id="thumbs">
                        <div class="thumb">
                            <a href=""><img src="images/thumb1.jpg" alt="" /></a>
                        </div>
                        <div class="thumb">
                            <a href=""><img src="images/thumb2.jpg" alt="" /></a>
                        </div>
                        <div class="thumb">
                            <a href=""><img src="images/thumb3.jpg" alt="" /></a>
                        </div>
                        <div class="thumb">
                            <a href=""><img src="images/thumb1.jpg" alt="" /></a>	
                        </div>
                        <div class="thumb">
                            <a href=""><img src="images/thumb2.jpg" alt="" /></a>	
                        </div>
                        <div class="thumb">
                            <a href=""><img src="images/thumb1.jpg" alt="" /></a>
                        </div>
                        <div class="thumb">
                            <a href=""><img src="images/thumb2.jpg" alt="" /></a>
                        </div>
                    </div>
                    <a href="#" class="thumbs" id="next">Next</a>
                </div>
            </div>
            <!-- Gallery Slide Show End -->
            <div class="clear"></div>
        </div>
        <!-- Full Width Section Start -->
    </div>
</div>
<!-- Content Section End -->
<!-- Scroller Section Start -->
<div id="scroller-sec">
	<div class="inner">
    	<div class="scroll-sec">
        	<a id="logoPrevious">Previous</a>
            <div id="logoscroll" class="scroller">
            	<ul>
                	<li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo3.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo4.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo5.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo3.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo4.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo5.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                </ul>
            </div>
            <a id="logoNext">Next</a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- Scroller Section End -->
<!-- Footer Start -->
<div id="footer">
	<div class="inner">
    	<!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Text Widget Start -->
        	<div class="widget text-widget">
            	<a href="#"><img src="images/logo-foot.png" alt="" /></a>
                <br />
                <br />
                <p>
                	P.O Box 1234<br />
                    Your City, City Name and Code 12345<br />
                    (800) 12-34567 | Fax: (123) 345-6789<br />
                    Email: <a href="mailto:email@yourcompany.com">Email@yourcompany.com</a><br />
                </p>
            </div>
            <!-- Text Widget End -->
            <!-- Social Network Start -->
            <div class="widget social-network">
            	<h5 class="white">Follow Us</h5>
                <ul>
                	<li><a href="#"><img src="images/tweeter-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/facebook-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/vimeo-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/lastfm-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/myspace-icon.png" alt="" /></a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <!-- Social Network End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Blog Roll Start -->
        	<div class="widget blogroll">
            	<h4 class="white">Blog Roll</h4>
                <ul>
                	<li><a href="#">Child Protection<span>(65)</span></a></li>
                    <li><a href="#">Monthly Sermons Sets<span>(13)</span></a></li>
                    <li><a href="#">Weekly Service<span>(05)</span></a></li>
                    <li><a href="#">About Pastor<span>(02)</span></a></li>
                    <li><a href="#">Blog Admin<span>(01)</span></a></li>
                    <li><a href="#">Videos<span>(12)</span></a></li>
                </ul>
            </div>
            <!-- Blog Roll End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Latest Tweets Start -->
        	<div class="widget latest-tweets">
            	<h4 class="white">Latest Tweets</h4>
                <div class="tweet">
                	<a href="#">@tamasgergocs</a> Thanks for posting the photo, Tamás! Let us know what you think about the book's content! Let us know what you think about the book #smbook
31 day ago
                </div>
                <a href="#" class="follow-tweet">Follow Us On Twitter</a>
            </div>
            <!-- Latest Tweets End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Contact Form Start -->
        	<div class="widget contact-form">
	            <h4 class="white">Latest Tweets</h4>
            	<ul>
                	<li><input type="text" class="bar" value="Name" /></li>
                    <li><input type="text" class="bar" value="Email" /></li>
                    <li><textarea rows="" cols="">Message</textarea></li>
                    <li><button class="backcolr">Submit</button></li>
                </ul>
            </div>
            <!-- Contact Form End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <div class="clear"></div>
    </div>
    <!-- Copyrights Start -->
    <div class="copyrights">
    	<div class="inner">
        	<!-- Copyrights Text Start -->
        	<p>&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
            <!-- Copyrights Text End -->
            <!-- Go To Top Start -->
            <a href="#top" class="top">Back to top</a>
            <!-- Go To Top Start -->
            <div class="clear"></div>
        </div>
    </div>
    <!-- Copyrights End -->
</div>
<!-- Footer End -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>